<header class="mappheader">
    <div class="mappheaderbox">
        <div class="mh-logo">
            <img src="/mimage/yeslogo.png" alt="" class="img1">
            <a href="/m/mloading">
                <img src="/mimage/userlogo.png" alt="" class="img2">
            </a>
        </div>
        <div class="mh-search">
            <div class="mh-searchbox">
                <input type="text" placeholder="搜你想搜的" v-model="searchkey" @keyup.enter="search">
                <div class="mh-searchwrap">
                    <div @click="showdrop = !showdrop ">
                        <span v-html="searchstr"></span>
                        <span>
                            <i class="icon iconfont icon-xiajiantou"></i>
                        </span>
                    </div>
                    <ul class="mh-searchitem" v-if="showdrop">
                        <li v-for="(item,index) in searcharr" @click="chiosesearch(index,item)" v-html="item"></li>
                    </ul>
                </div>
                <button @click="search">搜索</button>
            </div>
        </div>
        <div class="mh-nav">
            <a href="/m"><span :class="{active:isactive == 0}">首页</span></a>
            <a href="/m/mnavigation"><span :class="{active:isactive == 1}">导航</span></a>
            <a href="/m/mychoice"><span :class="{active:isactive == 2}">自选</span></a>
        </div>
    </div>          
</header>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<script src="/mjs/mheader.js"></script>
